<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Cambio Ejecutor</title>
    </h:head>
    <h:body>
        <ui:composition template="../templateInt.xhtml">
            <ui:define name="content">
                <h:form>
                    <a4j:outputPanel id="filtroSolicitudRegion" ajaxRendered="true">
                        <rich:panel id="filtroSolicitudPanel" header="#{msj.panelFiltroSolicitud}" >
                            <h:panelGrid columns="2">
                                <h:outputText value="Número Solcitud:"/>
                                <h:inputText value="#{cambioEjecutorBean.idSolicitud}"/>
                                <a4j:commandButton id="buscarButton" actionListener="#{cambioEjecutorBean.buscarSolicitud}"
                                               value="#{msj.consultarBoton}" render="asignadorDataTable"/>
                            </h:panelGrid>
                        </rich:panel>                            
                    </a4j:outputPanel>
                    <br/><br/>
                    <a4j:outputPanel id="asignadorDatatableRegion" ajaxRendered="true">
                        <rich:dataTable id="asignadorDataTable" value="#{cambioEjecutorBean.solicitudesAsignar}" var="asignador"
                                        rows="#{cambioEjecutorBean.filas}">
                            <f:facet name="header">
                                <h:outputText value="#{msj.headerDataTableAsignaciones}"></h:outputText>
                            </f:facet>
                            <rich:column id="idSolicitudColumn">
                                <f:facet name="header">
                                    <h:panelGrid columns="2">
                                        <a4j:commandLink value="Id Solicitud"
                                                         execute="@this" action="#{cambioEjecutorBean.ordenar()}"
                                                         render="asignadorDataTable">
                                            <f:param name="sortProperty" value="idSolicitud"/>                                        
                                        </a4j:commandLink>
                                        <h:graphicImage value="../imagenes/down_icon.gif"
                                                        alt="" rendered="#{!cambioEjecutorBean.ascendiente}"/>
                                        <h:graphicImage value="../imagenes/up_icon.gif"
                                                        rendered="#{cambioEjecutorBean.ascendiente}"/>
                                    </h:panelGrid>
                                </f:facet>
                                <h:outputText id="idSolicitudOutputText" value="#{asignador.idSolicitud}" />
                            </rich:column>
                            <rich:column id="nombreSolicitudColumn">
                                <f:facet name="header">
                                    <h:outputText value="Solicitud"></h:outputText>
                                </f:facet>
                                <h:outputText id="nombreSolicitudOutputText" value="#{asignador.descripcion}"/>
                            </rich:column>
                            <rich:column id="estadoSolicitudColumn">
                                <f:facet name="header">
                                    <h:panelGrid columns="2">
                                        <a4j:commandLink value="Estado"
                                                         execute="@this" action="#{cambioEjecutorBean.ordenar()}"
                                                         render="asignadorDataTable">
                                            <f:param name="sortProperty" value="estado.nombre"/>                                        
                                        </a4j:commandLink>
                                        <h:graphicImage value="../imagenes/down_icon.gif"
                                                        alt="" rendered="#{!cambioEjecutorBean.ascendiente}"/>
                                        <h:graphicImage value="../imagenes/up_icon.gif"
                                                        rendered="#{cambioEjecutorBean.ascendiente}"/>
                                    </h:panelGrid>
                                </f:facet>
                                <h:outputText id="estadoSolicitudOutputText" value="#{asignador.estado.nombre}"/>
                            </rich:column>
                            <rich:column id="asignarSolicitudColumn">
                                <f:facet name="header">
                                    <h:outputText value="Acción"></h:outputText>
                                </f:facet>
                                <h:commandLink id="asignarSolicitudCommandLink" value="#{msj.seleccionarLink}" actionListener="#{cambioEjecutorBean.asignarSolicitud}"/>&nbsp;&nbsp;
                                <h:commandLink id="cancelarSolicitudCommandLink" value="#{msj.cancelarLink}" actionListener="#{cambioEjecutorBean.cancelarSolicitud}"/>
                            </rich:column>
                            <f:facet name="footer" >
                                <rich:dataScroller for="asignadorDataTable" rendered="#{cambioEjecutorBean.paginado()}" maxPages="5"/>
                            </f:facet>
                        </rich:dataTable>
                    </a4j:outputPanel>
                    <br/><br/>
                    <a4j:outputPanel id="asignacionRegion" ajaxRendered="true">
                        <rich:collapsiblePanel id="asignacionCollapsiblePanel" header="#{msj.collapsibleAsignaciones}">
                            <h:panelGrid columns="2">
                                <h:outputText value="Solcitud:"/>
                                <h:outputText value="#{cambioEjecutorBean.descripcionSolicitud}"/>
                                <h:outputText value="Ejecutor"/>
                                <h:selectOneMenu id="asignacionSelect" value="#{cambioEjecutorBean.ejecutorSeleccionado}">
                                    <f:selectItems value="#{cambioEjecutorBean.ejecutoresGerenciaItems}" var="tipo" itemLabel="#{tipo.label}" itemValue="#{tipo.value}"/>
                                </h:selectOneMenu>
                            </h:panelGrid>
                            <a4j:commandButton id="asignacionButton" actionListener="#{cambioEjecutorBean.asignarSolicitudEjecutor}"
                                               value="#{msj.asignarBoton}" render="asignadorDataTable"/>
                        </rich:collapsiblePanel>
                    </a4j:outputPanel>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>